<template>
  <div class="goodsList">
    <goods-item v-for="i in goodsData" :goodsData="i"><button v-if="button" slot="button">删除</button></goods-item>

  </div>
</template>

<script>
  import goodsItem from './GoodListItem.vue'
  export default{
    name:'',
    data(){
      return {

       }
    },
    props:{
      goodsData:{
        type:Array,
        default(){
          return []
        }
      },
      button:{
        type:Boolean,
        default(){
          return false
        }
      }
    },
    methods:{

    },
    components:{
      goodsItem
    }
  }
</script>

<style scoped>
  .goodsList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;   /* ???? */
  }

</style>
